import React from 'react';
import { ProTable } from '@ant-design/pro-components';
import { queryDataSource } from '../../../../api';
import { useParams } from 'react-router-dom';
const App = () => {
  const {projectId} = useParams()
  return (<ProTable 
    params={{projectId}}
    columns={[
      {
        dataIndex:'name',
        title:'来源'
      },{
      dataIndex:'host',
      title:'域名/IP'
    },{
      dataIndex:'dialect',
      title:'类型'
    },{
      dataIndex:'database',
      title:'数据库'
    },{
      dataIndex:'port',
      title:'端口'
    },{
      dataIndex:'username',
      title:'用户名'
    }]}
    request={queryDataSource}/>)
}
export default App